import React from 'react';
import { observer, inject } from 'mobx-react';
import  Header from './Header';
import Container from './Container';
import WarnTop from './WarnTop';
import * as FormUtil from "../../util/formUtil";
import base from '../../util/base';
import {toJS} from 'mobx';
@inject('smartGuessStore')
@observer
export default  class Main extends React.Component {

    render(){
    const { smartGuessStore, commonParam } = this.props;
    const { needForecastFunc } = smartGuessStore;
     return (
      <div className='wf-map-box'>
        <WarnTop ecId={`${this && this.props && this.props.ecId || ''}_WarnTop@kuasc9`} smartGuessStore={smartGuessStore}/>
        <Header ecId={`${this && this.props && this.props.ecId || ''}_Header@zni6d4`} smartGuessStore={smartGuessStore}/>
        <Container ecId={`${this && this.props && this.props.ecId || ''}_Container@pwtf9f`} commonParam={commonParam} smartGuessStore={smartGuessStore}/>
      </div>
     )
    }
  }